<template>
  <div class="height100 ls-abs-outer" style="overflow: hidden" v-loading="engineLoading"
       element-loading-text="场景加载中，请稍候...">
    <div id="mapContainer" class="height100"></div>
    <el-empty class="emptyBox" v-show="emptyDescription" :description="emptyDescription">
    </el-empty>
    <div class="popupBoxShell">
      <div ref="popupBox" class="el-popover el-popper" x-placement="right">
        你好，我是气泡弹窗内容
        <div class="popper__arrow"></div>
      </div>
    </div>
  </div>
</template>

<script>
import GisMap from "./gisMap";

export default GisMap
</script>

<style scoped>
/*场景加载失败提示*/
.emptyBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: white;
}

/*气泡弹窗*/
.popupBoxShell {
  position: absolute;
  left: -5920px;
  top: 0;
}

.el-popover {
  position: relative;
}
</style>
